<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>第一个</button>
    <button>第二个</button>
    <button>第三个</button>

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

    <script>
        //单击任何一个按钮，显示按钮在元素数组中的下标
        // var btns = document.querySelectorAll('button');
        // //var 声明的i是全局变量，打印时输出3
        // //let 声明的i是块作用域
        // // for (let i = 0; i < btns.length; i++) {
        // //     btns[i].onclick = function () {
        // //         console.log(i);
        // //     }
        // // }
        // //闭包的特殊使用
        // for (var i = 0; i < btns.length; i++) {
        //     btns[i].onclick = (function (index) {
        //         return function () {
        //             console.log(index);
        //         }
        //     })(i);
        // }


        // var lis = document.querySelectorAll('li');
        // for (var i = 0; i < lis.length; i++) {
        //     // setInterval(function () {
        //     //     console.log(lis[i].innerHTML);
        //     // }, 3000);
        //     (function (i) {
        //         setTimeout(function () {
        //             console.log(lis[i].innerHTML);
        //         }, 1000);
        //     })(i);
        // }


        //计算打车价格
        //起步价13（3公里内），之后多一公里加5块，输入公里数可计算总价
        //如果堵车，多收取10块堵车费
        // var kilo = prompt('请输入公里数：');
        var car = (function () {
            var price = 0;   //总价
            return {
                price: function (n) {
                    if (n <= 3) {
                        price = 13;
                    } else {
                        price = 13 + (n - 3) * 5;
                    }
                    console.log(price);
                },
                yd: function (flag) {
                    price = flag ? price + 10 : price;
                    console.log(price);
                }
            }
        })();
        car.price(5);
        car.yd(true);


    </script>
</body>

</html>